<template>
	<view class="content">
		<view class="prv-max">
			<image class="p-img" src="/static/equity/1.png" />
			<image class="n-img" src="/static/equity/4.png" />
		</view>

		<view class="next-max">
			<image class="p-img" src="/static/equity/5.png" />
			<image class="n-img" @click="btnUrl" src="/static/equity/2.png" />
		</view>

		<view class="max-page-title">
			<view class="mtitle">
				合作银行活动
			</view>
			<view class="text-box">
				<view class="title">权益对象</view>
				<view class="content">已开通权益并完成激活的用户	</view>
			</view>
				<view class="text-box">
					<view class="title">权益规则	</view>
					<view class="content">
						1.支持全国UME影城，北京上海除外<br/>
							2.在有效期内，不限次免费观影 <br/>
							3.限本人使用
							</view>
			</view>
				<view class="text-box">
					<view class="title">使用规则	</view>
					<view class="content">办理成功后，第一次使用前请到任意一个UME影院录入人脸识别，激活权益。以后每次观影可直接购票或通过小程序在线选座。每次检票入场	</view>
			</view>
		</view>

	</view>
</template>
<script>

export default {

	data() {
		return {
			msg: '',
		};
	},
	methods: {
		btnUrl(){
				uni.navigateTo({ url: '/pages/equity-introduce/index'});
		}
	},
};
</script>
<style	lang="scss" scoped>
	.content {
		 -webkit-overflow-scrolling: touch;
		 background-color: #fff;
		 position: relative;
	}
	.prv-max{
		height: 436rpx;
		margin-bottom: 120rpx;
		width: 100vw;
		position: relative;
			.p-img{
						height: 436rpx;
						width: 100vw;
			}
			 .n-img{
					height: px2vw(204);
					width: px2vw(352);
					position: absolute;
					top: 174rpx;
					z-index: 99;
					left: 50%;
					margin-left:	- px2vw(176);
			}
		}
		.next-max{
			margin: 0 auto;
			text-align: center;
			background-image: $background-image-user-equity-next-max;
			background-size: 100%;
			background-repeat: no-repeat;
			margin-top: 170rpx;
			 .p-img{
						height: px2vw(134);
						width: px2vw(282);
			}
			 .n-img{
				 padding: 52rpx 0 65rpx 0;
				 height: px2vw(203);
				 width: px2vw(350);
			}
		}
		.max-page-title{	
				width: 100vw;
				border-top:px2vw(10) solid #eee;
				background-color: #fff;
				padding: px2vw(20) 0;
			.mtitle{
				font-size: px2vw($fz18);
				text-align: center;
				padding: px2vw(20) 0;
				color: #FA9529;
				font-weight: 600;
				 background: -webkit-gradient(linear,left top,right top,from(#FA9529),to(#F34A41));
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
			.text-box{
				margin: 0 auto px2vw(10) auto;
				width: px2vw(300);
				border-bottom: px2vw(1) solid #eee;
				.title{
					font-weight: 600;
					font-size: px2vw($fz18);
					padding: px2vw(10) 0;
					color: #000;
				}
				.content{
					font-size: px2vw($fz14);
					padding: 0 0 px2vw(20) 0;
					color: #333;
					line-height: px2vw(30);
				}
			}
		}
</style>
